import React, { Component } from 'react';
import "./try.css"

// 将ButtonList定义为组件外部的独立组件
const ButtonList = ({ numbers }) => {
    const listItems = numbers.map((number) => (
        <button className="btn" id={number === "0" ? "add" : ""} >{number}</button>
    ));
    return listItems; // 修正返回值语法
};

// class Calculator extends Component {
//     constructor(props) {
//         super(props);
//         this.state = {
//             numbers: ["AC", "BACK", "%", "/", "1", "2", "3", "*", "4", "5", "6", "+", "7", "8", "9", "-", "0", ".", "="]
//         }
//     }
//
//     render() {
//         return (
//             <div id="container">
//                 <div id="area"></div>
//                 <div id="buttonContainer">
//                     <ButtonList numbers={this.state.numbers} />
//                 </div>
//                 <div id="history">History</div>
//             </div>
//         )
//     }
// }
//
// export default Calculator;